﻿@{
    ViewBag.Title = "Connect4";   
}
@section CSS
{
    <link href="~/Content/Connect4.css" rel="stylesheet" />
}
@section scripts{

    <script src="~/Scripts/jquery.signalR-1.0.1.js"></script>
    <script src="~/signalr/hubs"></script>
    <script src="~/Scripts/Connect4.js"></script>
}

<div id="winner"></div>
<div>
    <table id="clickArrows">
        <tbody>
            <tr>
                <td>&nbsp<a id="first" class="arrowLink" href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
                <td>&nbsp<a id="second" class="arrowLink" href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
                <td>&nbsp<a id="third" class="arrowLink" href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
                <td>&nbsp<a id="fourth" class="arrowLink"  href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
                <td>&nbsp<a id="fifth" class="arrowLink" href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
                <td>&nbsp<a id="sixth" class="arrowLink"  href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
                <td>&nbsp<a id="seventh" class="arrowLink"  href="#"><img src="/Images/blueArrow.png" class="arrows" /></a></td>
            </tr>
        </tbody>
    </table>
</div>
<script type="text/javascript">
   
</script>

<div id="chat">
    <h3>Spjall við mótspilara:</h3>
    <div id="messages"></div>
    <input type="text" id="msg" />
    <input type="button" id="broadcast" value="Senda" />
</div>

<div id="Connect4">
    <table id="C4Grid">
        <tbody>
            <tr>
                <td id="1">&nbsp;</td>
                <td id="2">&nbsp;</td>
                <td id="3">&nbsp;</td>
                <td id="4">&nbsp;</td>
                <td id="5">&nbsp;</td>
                <td id="6">&nbsp;</td>
                <td id="7">&nbsp;</td>
            </tr>
            <tr>
                <td id="8">&nbsp;</td>
                <td id="9">&nbsp;</td>
                <td id="10">&nbsp;</td>
                <td id="11">&nbsp;</td>
                <td id="12">&nbsp;</td>
                <td id="13">&nbsp;</td>
                <td id="14">&nbsp;</td>
            </tr>
            <tr>
                <td id="15">&nbsp;</td>
                <td id="16">&nbsp;</td>
                <td id="17">&nbsp;</td>
                <td id="18">&nbsp;</td>
                <td id="19">&nbsp;</td>
                <td id="20">&nbsp;</td>
                <td id="21">&nbsp;</td>
            </tr>
            <tr>
                <td id="22">&nbsp;</td>
                <td id="23">&nbsp;</td>
                <td id="24">&nbsp;</td>
                <td id="25">&nbsp;</td>
                <td id="26">&nbsp;</td>
                <td id="27">&nbsp;</td>
                <td id="28">&nbsp;</td>
            </tr>
            <tr>
                <td id="29">&nbsp;</td>
                <td id="30">&nbsp;</td>
                <td id="31">&nbsp;</td>
                <td id="32">&nbsp;</td>
                <td id="33">&nbsp;</td>
                <td id="34">&nbsp;</td>
                <td id="35">&nbsp;</td>
            </tr>
            <tr>
                <td id="36"></td>
                <td id="37"></td>
                <td id="38"></td>
                <td id="39"></td>
                <td id="40"></td>
                <td id="41"></td>
                <td id="42"></td>
            </tr>
        </tbody>
    </table>
</div>

<div id="players">
    <table>
        <tbody>
            <tr>
                <td>Leikmaður 1</td>
                <td><span class="yellow"></span></td>
                <td>Leikmaður 2</td>
                <td><span class="red"></span></td>
            </tr>
        </tbody>
    </table>
</div>
<div id="whosTurn"></div>
<div id="dialog-gameOver" title="Leik lokið">
    @Html.ActionLink("Spila aftur", "C4GameRules") <br />
    @Html.ActionLink("Fara á forsíðu", "Index", "Home")
</div>
<p>Mynd tekin af http://www.thescarms.com%2FVBasic%2FConnect4.aspx&h=dAQFQFFUM 08.05.2013</p>

